<template>
  <div class="app-container home">
    <Message v-if="hasPerMission('sys_quality_message')"/>
    <Statement v-if="hasPerMission('sys_board_statement')"/>
  </div>
</template>

<script>
import Statement from '@/views/dashboard/business/Statement.vue'
import Message from '@/views/dashboard/business/Message.vue'
import { hasPerMission } from '@/utils/permission'

export default {
  name: "Index",
  methods: {
    hasPerMission(data) {
      return hasPerMission(data);
    }
  },
  components: { Message,Statement},
};
</script>

<style lang="scss">
@media screen and (max-width: 500px) {
  .el-message-box{
    width: 330px !important;
  }
}
</style>

